<template>
  <div class="setting">
    <h4>Cookie配置</h4>
    <section>
      <span><el-switch v-model="env" size="small" />环境Cookie</span>
      <span><el-switch v-model="share" size="small" />共享Cookie</span>
    </section>
    <h4>步骤执行失败规则</h4>
    <section>
      <el-radio-group v-model="rule">
        <el-radio :value="1">忽略错误，继续执行</el-radio>
        <el-radio :value="2">停止/结束执行</el-radio>
      </el-radio-group>
    </section>
  </div>
</template>

<script setup lang="ts">
const env = ref()
const share = ref()
const rule = ref()
</script>

<style scoped>
section {
  font-size: 14px;

  span {
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
    width: 115px;
    align-items: center;
    color: rgb(96, 98, 102);
  }
}

h4 {
  font-weight: 500;
}
</style>
